<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no"/>
  <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}"/>
  <link rel="stylesheet" type="text/css" href="${data:dependencies.cmp}/css/cmp.css${data:buildversion}"/>
  <link rel="stylesheet" type="text/css" href="${data:dependencies.taskmanage}/css/taskmanage.css${data:buildversion}"/>
  <link rel="stylesheet" type="text/css" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}"/>
  <link rel="stylesheet" type="text/css" href="${data:dependencies.cmp}/css/cmp-att.css${data:buildversion}">
  <link rel="stylesheet" type="text/css" href="${data:dependencies.collaboration}/css/cmp-col.css${data:buildversion}">
  <link rel="stylesheet" type="text/css" href="${data:dependencies.cmp}/css/cmp-audio.css${data:buildversion}">
  <title>模板审批</title>

  <style type="text/css">
    .pro_send_title {
      background-color: #F8F9FB;
      padding: 3px 5px 3px 0;
    }

    .pro_send_title .title_detail {
      line-height: 30px;
      padding-left: 15px;
    }

    .pro_row {
      width: 100%;
      line-height: 48px;
      font-size: 16px;
      background-color: #FFF;
      display: flex;
      padding: 10px 15px;
    }

    .pro_row .pro_send_label {
      color: #8F8F8F;
      width: 80px;
      line-height: 24px;
      overflow: hidden;
    }

    .pro_row .pro_send_content {
      flex: 1;
      min-height: 24px;
      line-height: 24px;
      color: #000;
    }

    .pro_row.pro_line {
      border-bottom: 1px solid #E0E0E0;
    }

    .pro_send_bar .cmp-btn {
      height: 34px;
      border-radius: 30px;
      flex: 1;
    }

    .pro_send_bar .cmp-btn.hold {
      background-color: #F6F6F6;
      color: #3AADFB;
    }

    .pro_send_bar .pro_btn_bar {
      display: flex;
    }

    .pro_send_bar {
      height: 50px;
      position: absolute;
      bottom: 0px;
      background-color: #F6F6F6;
      left: 0px;
      right: 0px;
    }

    .left_line {
      height: 19px;
      width: 3px;
      border-radius: 2px;
      background-color: #0a97e7;
    }

    .idea_area {
      background-color: #F6F6F6;
      width: 100%;

    }

    .idea_area .idea_bar {
      padding: 5px 10px;
    }

    .idea_bar {
      border-radius: 5px;
    }

  </style>

  <script></script>
</head>
<body id="mainDealBody" class="cmp-fullscreen">
<div id="body_content_div" class="cmp-content position_relative body_content_div"
     style="overflow-y: auto;padding-top: 0;">
  <input type="hidden" id="approveId">
  <input type="hidden" id="affairId">
  <div class="pro_send_title">
    <div class="title_detail" id="title">
    </div>
  </div>

  <div class="pro_area">
    <div class="pro_row pro_line pro_border_bottom ">
      <div class="pro_send_label">
        <!--流程模板-->
        <i18n key="templateapprove.page.deal.template"></i18n>
      </div>
      <div class="pro_send_content" id="flowtemplateName">
      </div>
    </div>

    <div class="pro_row pro_line pro_border_bottom ">
      <div class="pro_send_label">
        <!--版本号-->
        <i18n key="templateapprove.page.deal.version"></i18n>
      </div>
      <div class="pro_send_content" id="versionNumber">
      </div>
    </div>

    <div class="pro_row pro_line pro_border_bottom ">
      <div class="pro_send_label">
        <!--发布时间-->
        <i18n key="templateapprove.page.deal.release.time"></i18n>
      </div>
      <div class="pro_send_content" id="releaseTime">
      </div>
    </div>

    <div class="pro_row pro_line pro_border_bottom ">
      <div class="pro_send_label">
        <!--申请说明-->
        <i18n key="templateapprove.page.deal.description"></i18n>
      </div>
      <div class="pro_send_content" id="remark">
      </div>
    </div>
  </div>


  <script type="text/html" id="opinionListModule">
    <ul class="attach-list" style="padding-bottom: 10px">
      <% for(var i = 0,len = this.length;i < len; i++){ %>
      <% var obj = this[i]; %>

      <li class="attach-lisy-li flexbox">
        <div class="form-attitude">
          <div class="form-attitude-line"></div>
          <!--1为不同意-->
          <% if(obj.setTypeValue == 1){%>
            <div class="form-attitude-wrap disagree"><span class="m3-icon-disagree"></span><br><span class="font_14">obj.type</span>
            </div>
          <%}else{%>
            <div class="form-attitude-wrap agree"><span class="m3-icon-agree"></span><br><span class="font_14"><%=obj.type%></span>
            </div>
          <%}%>
        </div>
        <div style="width:357px" class="opinion-wrap-div white flex-1 form-opinion">
          <div class="user-info" style="display: flex;">
            <div style="width: 20px;height: 20px">
              <img class="cmp-pull-left img_setting"
                   src="<%=cmp.serverIp%>/seeyon/rest/orgMember/avatar/<%=obj.modifierId%>?maxWidth=200">
            </div>
            <div class="user-name"><%=obj.modifier%>
              <span style="color:#ff0000;"></span>
            </div>
          </div>
          <div class="opinion-div" style="white-space:normal;word-wrap: break-word;">
            <div>
              <%=obj.opinion%>
            </div>
          </div>
          <div class="opinion-time-div" style="">
            <div class="opinion-time">
              <p style=""><span><%=obj.modifyDate%></span></p>
            </div>
          </div>

        </div>
      </li>
      <%}%>
    </ul>
  </script>

  <!-- 意见 -->
  <div class="task-time task-block-border-top task-block-border-bottom task_area">
    <div class="task-start-time task-common-line task-border-bottom task-detail-start-time">
      <div class="task-box-left">
        <div class="left_line"></div>
        <div style="padding-left: 10px;">
          <!--意见-->
          <i18n key="templateapprove.page.deal.opinion"></i18n>
        </div>
      </div>
    </div>

    <div class="message_item" id="opinionList" style="background-color: #f4f4f4;overflow: auto;height: 80px;">

    </div>
  </div>


</div>

<div id="approveOpinionDiv" class="idea_area" style="position: fixed;bottom:46px;">
  <div class="idea_bar">
    <input type="text" id="approveOpinion" placeholder='审批意见' style="border: 0;border-radius: 30px;height: 28px;">
  </div>
</div>

<!-- 查看任务才显示 -->
<footer id="pro_send_save" class="cmp-bar pro_send_bar">
  <div class="pro_btn_bar">
    <div style="flex: 1;-webkit-flex:1;padding-right:10px;">

      <button style="width: 100%;" id="agree" type="button" class="cmp-btn cmp-btn-primary cmp-btn-block hold">
        <i18n key="templateapprove.page.deal.agree"></i18n>
      </button>
    </div>
    <div style="flex: 1;-webkit-flex:1;padding-right:10px;">
      <button style="width: 100%;" id="disAgree" type="button" class="cmp-btn cmp-btn-primary cmp-btn-block">
        <i18n key="templateapprove.page.deal.disagree"></i18n>
      </button>
    </div>
  </div>
</footer>
<!--页面最后加载的js文件-->
<s3:data name='cordova' />
<script src="${data:dependencies.templateapprove}/i18n/TemplateApproveResources_zh_CN.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
<script>
    cmp.i18n.init("${data:dependencies.templateapprove}/i18n/", "TemplateApproveResources");
    var _templateApprovePath = "${data:dependencies.templateapprove}";
</script>
<s3:import type="js"></s3:import>
<script src="${data:dependencies.cmp}/js/cmp.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>

<script src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-att.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-description.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
<script src="${data:dependencies.commons}/wechat-jssdk.js${data:buildversion}"></script>

<script src="<s3:data name='dependencies.templateapprove'/>/js/templateApprove-jssdk.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.templateapprove'/>/js/templateApprove.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.templateapprove'/>/js/dealWithTemplateApprove.js${data:buildversion}"></script>
<script src="${data:jssdk.last_jssdk_path}"></script>
</body>
</html>
